﻿<div class="span3">
	<h3 class="title nm">BROWSE BY CATEGORY</h3>
    <div class="accordion right-col" id="accordion">
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                    <h3 class="title nm nl">Classifieds</h3>
                </a>
            </div>
			<!-- use accordion-body collapse in to show accordion -->
            <div id="collapseOne" class="accordion-body collapse">
                <div class="accordion-inner">
                    <ul class="nav nav-list">
						<?php foreach($advTypes as $advType): ?>					
							<li><a href="<?php echo base_url('/classifieds/browse/'. $advType->id); ?>">» <?php echo $advType->name; ?></a><span>(<?php echo $advType->count; ?>)</span></li>
						<?php endforeach ?>
                    </ul>
                </div>
            </div>
        </div>
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                    <h3 class="title nl nm">Property</h3>
                </a>
            </div>
            <div id="collapseTwo" class="accordion-body collapse">
                <div class="accordion-inner">
                    <ul class="nav nav-list right-categories">	
						<?php foreach($propTypes as $propType): ?>					
							<li>
								<a href="<?php echo base_url('/property/browse/'. $propType->id); ?>">» <?php echo $propType->name; ?></a><span>(<?php echo $propType->count; ?>)</span>
							</li>
						<?php endforeach ?>
                    </ul>
                </div>
            </div>
        </div>
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
                    <h3 class="title nl nm">Automobiles</h3>
                </a>
            </div>
            <div id="collapseThree" class="accordion-body collapse">
                <div class="accordion-inner">
                    <ul class="nav nav-list right-categories">
					<?php foreach($autoBrands as $brand): ?>
					    <li>
						<a href="<?php echo base_url('/automobiles/browse/brandID_'. $brand->brand_id); ?>">» <?php echo $brand->name; ?></a><span>(<?php echo $brand->count; ?>)</span>
						</li>
					<?php endforeach ?>
                    </ul>
                </div>
            </div>
        </div>
    </div>				
    <h3 class="title nmb">Sponsored Ads</h3>
    <div id="myCarousel" class="carousel slide home">
        <div class="carousel-inner">
            <div class="item active">
                <img alt="" src="<?php echo(base_url("assets/img/products/sitemgr_photo_360.jpg")); ?>" />
                <div class="carousel-caption">									
                    <h4>Save 30%</h4>
                    <p>Lorem Ipsum is simply dummy text of the printing.</p>
                </div>
            </div>
            <div class="item">
                <img alt="" src="<?php echo(base_url("assets/img/products/sitemgr_photo_2627.jpg")); ?>" />
                <div class="carousel-caption">
                    <h4>Save 12%</h4>
                    <p>Sed ut perspiciatis unde omnis iste.</p>
                </div>
            </div>
        </div>
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
		<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
    </div>
   <h3 class="title nmb">Newsletter</h3>
    <div class="newsletter center well well-small text-center">
    <p>Subscribe to our monthly Newsletter and stay tuned.</p>
        <form id="newsletterfrm">
            <div class="input-prepend"><span class="add-on"><i class="icon-envelope"></i></span>
                <input type="hidden" id="suburl" value="<?php echo base_url('subscribe/add'); ?>">
                <input type="text" id="subscriptionEmail" name="" placeholder="your@email.com">
            </div>
            <br />
            <a id="subscription" class="btn  btn-primary btn-large" >Subscribe Now! </a>
        </form>
    </div>

</div>
